<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" 
           %><%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"
           %><%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"
           %><%@ taglib tagdir="/WEB-INF/tags" prefix="cohesion"
           %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<%@ page contentType="text/html;charset=ISO-8859-1"
         %><html:html>
    <head>
        <title>Nueva Oportunidad</title>
        <html:base/>
        <%@include file="../header/include.jsp" %>

    </head>
    <body>
        <div id="header" class="ui-widget-header ui-corner-all">
            <h1><bean:message key="all.title"/></h1>
            <div id="menu">
                <%--       <ul id="nav">
                           <li><html:link action="/APreOportunidades.do"><bean:message key="VCrearOportunidad.label1"/></html:link></li>

                </ul>--%>
            </div>
        </div>
        <div id="body_wrapper">
            <div id="body">
                <div id="split">
                    <div class="top"></div>
                    <div id="left">
                        <div id="content">
                            <div class="ui-widget-header ui-corner-top "> <h1>Nueva Oportunidad</h1></div>
                            <div  class="ui-widget-content ui-widget">

                                   <script type="text/javascript">
                                    $(function() {
                                        $("#tabs").tabs();
                                    });
                                </script>
                                <div id="tabs">
                                    <ul>
                                        <li><a href="#tabs-1">Datos Oportunidad</a></li>
                                        <li><a href="#tabs-2">Informaci&oacute;n Presupuesto</a></li>


                                    </ul>

                                <div style="float: right;margin: 1% 1% 1% 1%; clear: left;">
                                    <ul class="sf_admin_td_actions fg-buttonset fg-buttonset-single">
                                        <cohesion:actor actors="5"><li class="sf_admin_action_usuario"><html:link action="/APreOportunidades.do" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span>Ir a Oportunidades</html:link></li></cohesion:actor>
                                    </ul>
                                </div>
                                <div class="list ui-grid-table ui-widget ui-corner-all ui-helper-reset ui-helper-clearfix">
                                    <div id="form_container"><html:form styleId="F287336"
                                               action="/ACrearOportunidad.do" method="post" acceptCharset="utf-8">
                                        <div id="tabs-1" >
                                            <html:hidden property="idOportunidad"/>


                                            <html:hidden property="idOportunidad"/>
                                            <%--<!-- <p id="519046_C"><label for="519046"><bean:message key="FCrearOportunidad.label0"/></label><html:password styleId="519046" property="idOportunidad" size="30"/></p> -->--%>
                                            <%--input para el nombre--%>
                                            <div class="formRow <logic:notEmpty name="nombreError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                <div class="labelRow">
                                                    <label for="nombre">Nombre</label>
                                                </div>
                                                <div class="inputRow">
                                                    <html:text styleId="nombre" property="nombre" size="50"/>
                                                </div>
                                                <logic:notEmpty name="nombreError">
                                                    ${nombreError}
                                                </logic:notEmpty>
                                            </div>
                                            <%--<p id="519050_C"><label for="519050"><bean:message key="FCrearOportunidad.label1"/></label><html:text styleId="519050" property="nombre" size="30"/></p>--%>
                                            <%--input para el tipo--%>
                                            <div class="formRow <logic:notEmpty name="tipoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                <div class="labelRow">
                                                    <label for="tipo">Tipo</label>
                                                </div>
                                                <div class="inputRow">
                                                    <html:text styleId="tipo" property="tipo" size="50"/>
                                                </div>
                                                <logic:notEmpty name="tipoError">
                                                    ${tipoError}
                                                </logic:notEmpty>
                                            </div>



                                            <%--<p id="519053_C"><label for="519053"><bean:message key="FCrearOportunidad.label2"/></label><html:text styleId="519053" property="tipo" size="30"/></p>--%>

                                            <%--input para el origuen de la campanya--%>
                                            <div class="formRow <logic:notEmpty name="origenCampanyaError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                <div class="labelRow">
                                                    <label for="origenCampanya">Origen Campa&ntilde;a</label>
                                                </div>
                                                <div class="inputRow">
                                                    <html:text styleId="origenCampanya" property="origenCampanya" size="50"/>
                                                </div>
                                                <logic:notEmpty name="origenCampanyaError">
                                                    ${origenCampanyaError}
                                                </logic:notEmpty>
                                            </div>
                                            <%--<p id="519056_C"><label for="519056"><bean:message key="FCrearOportunidad.label3"/></label><html:text styleId="519056" property="origenCampanya" size="30"/></p>--%>

                                            <%--input para la fecha de cierre--%>
                                            <div class="formRow <logic:notEmpty name="fechaCierreError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                <div class="labelRow">
                                                    <label for="fechaCierre">Fecha de Cierre</label>

                                                </div>
                                                <div class="inputRow">
                                                    <html:text styleId="fechaCierre" property="fechaCierre" size="50"/>
                                                    <script type="text/javascript">

                                                        $(function() {
                                                            $.datepicker.setDefaults( $.datepicker.regional[ "es" ] );
                                                            $( "#fechaCierre" ).datepicker({
                                                                changeMonth: true,
                                                                changeYear: true,
                                                                yearRange: 'c-110:c+20'
                                                            });
                                                        });
                                                    </script>
                                                </div>
                                                <logic:notEmpty name="fechaCierreError">
                                                    ${fechaCierreError}
                                                </logic:notEmpty>
                                            </div>
                                            <%--<p id="519059_C"><label for="519059"><bean:message key="FCrearOportunidad.label4"/></label><html:text styleId="519059" property="fechaCierre" size="30" readonly="true" onclick="NewCal('519059','ddmmyyyy');"/></p>--%>

                                            <%--input para la estapa--%>
                                            <div class="formRow <logic:notEmpty name="etapaError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                <div class="labelRow">
                                                    <label for="etapa">Etapa</label>
                                                </div>
                                                <div class="inputRow">
                                                    <html:select styleId="etapa" property="etapa"><html:optionsCollection property="listCategoria"/></html:select>
                                                </div>
                                                <logic:notEmpty name="etapaError">
                                                    ${etapaError}
                                                </logic:notEmpty>
                                            </div>
                                            <%--<p id="519062_C"><label for="519062"><bean:message key="FCrearOportunidad.label5"/></label><html:select styleId="519062" property="etapa"><html:optionsCollection property="listCategoria"/></html:select></p>--%>

                                            <%--input para la probabilidad--%>
                                            <div class="formRow <logic:notEmpty name="probabilidadError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                <div class="labelRow">
                                                    <label for="probabilidad">Probabilidad</label>
                                                </div>
                                                <div class="inputRow">
                                                    <html:text styleId="probabilidad" property="probabilidad" size="50"/>
                                                </div>
                                                <logic:notEmpty name="probabilidadError">
                                                    ${probabilidadError}
                                                </logic:notEmpty>
                                            </div>

                                            <%--<p id="519069_C"><label for="519069"><bean:message key="FCrearOportunidad.label7"/></label><html:text styleId="519069" property="probabilidad" size="30"/></p>--%>

                                            <%--input para el importe--%>
                                            <div class="formRow <logic:notEmpty name="importeError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                <div class="labelRow">
                                                    <label for="importe">Importe</label>
                                                </div>
                                                <div class="inputRow">
                                                    <html:text styleId="importe" property="importe" size="50"/>
                                                </div>
                                                <logic:notEmpty name="importeError">
                                                    ${importeError}
                                                </logic:notEmpty>
                                            </div>

                                            <%--<p id="519072_C"><label for="519072"><bean:message key="FCrearOportunidad.label8"/></label><html:text styleId="519072" property="importe" size="30"/></p>--%>

                                            <%--input para el origen candidato--%>
                                            <div class="formRow <logic:notEmpty name="origenCandidatoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                <div class="labelRow">
                                                    <label for="origenCandidato">Origen del Candidato</label>
                                                </div>
                                                <div class="inputRow">
                                                    <html:text styleId="origenCandidato" property="origenCandidato" size="50"/>
                                                </div>
                                                <logic:notEmpty name="origenCandidatoError">
                                                    ${origenCandidatoError}
                                                </logic:notEmpty>
                                            </div>

                                            <%--<p id="519077_C"><label for="519077"><bean:message key="FCrearOportunidad.label9"/></label><html:text styleId="519077" property="origenCandidato" size="30"/></p>--%>

                                            <%--input para la descripcion--%>
                                            <div class="formRow <logic:notEmpty name="descripcionError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                <div class="labelRow">
                                                    <label for="descripcion">Descripci&oacute;n</label>
                                                </div>
                                                <div class="inputRow">
                                                    <html:textarea styleId="descripcion" property="descripcion" cols="60" rows="10"></html:textarea>
                                                </div>
                                                <logic:notEmpty name="descripcionError">
                                                    ${descripcionError}
                                                </logic:notEmpty>
                                            </div>

                                            <%--<p id="519080_C"><label for="519080"><bean:message key="FCrearOportunidad.label10"/></label><html:textarea styleId="519080" property="descripcion" cols="60" rows="10"></html:textarea></p>--%>

                                            <%--input para la cuenta--%>
                                            <div class="formRow <logic:notEmpty name="cuentaError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                <div class="labelRow">
                                                    <label for="cuenta">Cuenta</label>
                                                </div>
                                                <div class="inputRow">
                                                    <html:select styleId="cuenta" property="cuenta"><html:optionsCollection property="listCuenta"/></html:select>
                                                </div>
                                                <logic:notEmpty name="cuentaError">
                                                    ${cuentaError}
                                                </logic:notEmpty>
                                            </div>

                                            <%--<p id="519083_C"><label for="519083"><bean:message key="FCrearOportunidad.label11"/></label><html:select styleId="519083" property="cuenta"><html:optionsCollection property="listCuenta"/></html:select></p>--%>

                                            <%--input para el responsable--%>
                                            <div class="formRow <logic:notEmpty name="respOportunidadError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                <div class="labelRow">
                                                    <label for="respOportunidad">Responsable de la Oportunidad</label>
                                                </div>
                                                <div class="inputRow">
                                                    <html:select styleId="respOportunidad" property="respOportunidad"><html:optionsCollection property="listPersonal"/></html:select>
                                                </div>
                                                <logic:notEmpty name="respOportunidadError">
                                                    ${respOportunidadError}
                                                </logic:notEmpty>
                                            </div>
                                            </div>
                                                <div id="tabs-2">
                                            <%--                                        <p id="519089_C"><label for="519089"><bean:message key="FCrearOportunidad.label13"/></label><html:select styleId="519089" property="respOportunidad"><html:optionsCollection property="listPersonal"/></html:select></p>
                                            --%>

                                            <script type="text/javascript">
                                                $(function() {
                                                    function log( message ) {
                                                        $( "<div/>" ).text( message ).prependTo( "#log" );
                                                        $( "#log" ).attr( "scrollTop", 0 );
                                                    }

                                                    $( "#productos" ).autocomplete({
                                                        source: "<html:rewrite action="APreListaProductoaAjax"/>",
                                                        minLength: 2,
                                                        select: function(event,ui) {

                                                            if(!document.getElementById("row_"+ui.item.id)) {
                                                                $.ajax({
                                                                    url: '<html:rewrite action="AFormularioProducto"/>',
                                                                    data: 'idProducto='+ui.item.id,
                                                                    success: function(html) {
                                                                        $("#formularioTabla").after(html);
                                                                    }
                                                                })
                                                            }

                                                        }
                                                    });
                                                });

                                                function getSelectionId(text, li) {
                                                    //alert (li.id);
                                                    if(!document.getElementById("row_"+li.id)){

                                                        new Ajax.Updater('formularioTabla', '<html:rewrite action="AFormularioProducto"/>', {
                                                            parameters: {idProducto: li.id},
                                                            insertion: "bottom"
                                                        });
                                                    }
                                                    $('autocomplete').value = '';
                                                    //$('row_'+li.id).remove();

                                                }
                                            </script>

                                            <div class="form_row" style="margin-bottom:10px;">
                                                <label for="productos">Productos: </label><br>
                                                <input id="productos" type="text" onclick="$('#productos').val('');return false;" size="50"/>
                                            </div>

                                            <table border="1">
                                                <thead class="ui-widget-header">
                                                    <tr>
                                                        <th class="ui-state-default ui-th-column">Producto</th>
                                                        <th class="ui-state-default ui-th-column">Disponible</th>
                                                        <th class="ui-state-default ui-th-column">Cantidad</th>
                                                        <th class="ui-state-default ui-th-column">Acci&oacute;n</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="formularioTabla">
                                                    <% request.setAttribute("_vacio", new Object[0]);%>
                                                    <logic:iterate id="prodC" collection="${empty L_Productos ? _vacio : L_Productos}">
                                                        <tr id="row_${prodC.producto.idCatalogo}" class="<logic:notEmpty name='producto_${prodC.producto.idCatalogo}Error'> ui-state-error ui-corner-all</logic:notEmpty> sf_admin_row ui-widget-content">
                                                            <td>${prodC.producto.nombre}</td>
                                                            <td>${prodC.producto.cantidad}</td>
                                                            <td><input type="text" name="cantidad_${prodC.producto.idCatalogo}" size="3" value="${prodC.cantidad}"></td>
                                                            <td>
                                                                <ul class="sf_admin_td_actions fg-buttonset fg-buttonset-single">
                                                                    <li class="sf_admin_action_show"><a onclick="$('#row_${prodC.producto.idCatalogo}').remove()" class="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class='ui-icon ui-icon-trash'></span> Eliminar</a></li>
                                                                </ul>
                                                            </td>
                                                        </tr>
                                                    </logic:iterate>

                                                </tbody>
                                            </table>

                                            </div>
                                            <html:submit styleClass="fg-button-mini fg-button ui-state-default" style="padding: 5px 10px 5px 10px; margin-top:3%">Guardar</html:submit>
                                        </html:form></div>
                                </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div id="right"><%@include file="../administrador/VMenuAdmin.jsp" %></div>
                    <div class="clearer ui-helper-clearfix"></div>
                    <div class="bottom"></div>
                </div>
                <div class="clearer"></div>
            </div>
            <div class="clearer"></div>
        </div>
        <div id="end_body"></div>
<div id="footer"> <%@include file="/footer/include.jsp" %> </div>
    </body>
</html:html>
